<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // var a = 111
        // let b = 222
        // const c = 333
        // console.log(window.a) // undefined 
        // console.log(window.b) // undefined let、const 声明变量没有挂载在 window 上
        // console.log(window.c) // undefined const 声明变量没有挂载在 window 上


        function f1() {
            return this;
        }

        // 在浏览器中，全局对象是 window
        f1() === window // true 

        //在Node中，全局对象是 global
        //f1() === global // true

        // 示例代码
        var name = 'globalName'

        var getName = function () {
            return this.name
        }

        console.log(getName()) // globalName

        // or

        var obj = {
            name: 'John',
            getName: function () {
                return this.name
            }
        }

        var getName = obj.getName
        console.log(getName()) // globalName
    </script>
</body>

</html>